diff options
author | vnugent <public@vaughnnugent.com> | 2023-12-13 17:58:51 -0500 |
---|---|---|
committer | vnugent <public@vaughnnugent.com> | 2023-12-13 17:58:51 -0500 |
commit | 4b8ae76132d2342f40cec703b3d5145ea075c451 (patch) | |
tree | 62b942b6181261566cd3245ee35cd15a138aabf2 /front-end/src/views/Account/[comp].vue | |
parent | b564708f29cf8a709c3e3d981477b2ec8440673e (diff) |
log time coming ui and lib updates
Diffstat (limited to 'front-end/src/views/Account/[comp].vue')
-rw-r--r-- | front-end/src/views/Account/[comp].vue | 30 |
1 files changed, 17 insertions, 13 deletions
diff --git a/front-end/src/views/Account/[comp].vue b/front-end/src/views/Account/[comp].vue index d854e2e..d4f1c4d 100644 --- a/front-end/src/views/Account/[comp].vue +++ b/front-end/src/views/Account/[comp].vue @@ -1,6 +1,6 @@ <template> <div id="account-template" class="app-component-entry"> - <TabGroup :selectedIndex="tabId" @change="onTabChange" as="div" class="container h-full m-auto mt-0 mb-10 duration-150 ease-linear"> + <TabGroup :selectedIndex="tabId" @change="onTabChange" as="div" class="container h-full m-auto mt-0 mb-10 duration-150 ease-linear text-color-foreground"> <div class="flex w-full py-2 xl:w-auto lg:pt-4 xl:fixed"> @@ -39,25 +39,24 @@ <script setup lang="ts"> import { computed } from 'vue' -import { usePageGuard, useTitle } from '@vnuge/vnlib.browser' import { useRouteParams } from '@vueuse/router' import { TabGroup, TabList, Tab, TabPanels, TabPanel } from '@headlessui/vue' +import { useStore } from '../../store' import Settings from './components/settings/Settings.vue' import Profile from './components/profile/Profile.vue' -usePageGuard() -useTitle('Account') +const { setPageTitle } = useStore() +setPageTitle('Account') enum ComponentType{ Profile = 'profile', - Oauth = 'oauth', Settings = 'settings' } -const comp = useRouteParams<ComponentType>('comp') +const comp = useRouteParams<ComponentType>('comp', '') -const tabId = computed<number>(() =>{ - switch (comp.value) { +const tabId = computed<number>(() => { + switch (comp.value) { case ComponentType.Settings: return 1 case ComponentType.Profile: @@ -81,10 +80,7 @@ const onTabChange = (tabid : number) =>{ </script> <style lang="scss"> -#account-template{ - p{ - @apply text-gray-700 dark:text-gray-400; - } +#account-template{ .page-link{ font-size: 1.1rem; @@ -103,13 +99,21 @@ const onTabChange = (tabid : number) =>{ } + .text-color-foreground{ + @apply dark:text-white text-black; + } + + .text-color-background{ + @apply text-gray-500; + } + .panel-container .panel-header{ @apply flex flex-row px-2; } .panel-container .panel-content{ @apply bg-white dark:bg-dark-800 border-transparent dark:border-dark-500; - @apply m-auto max-w-3xl border sm:rounded-md shadow-md sm:p-4 p-3 sm:my-3 my-2; + @apply m-auto max-w-3xl border sm:rounded shadow-md sm:p-4 p-3 sm:my-3 my-2; } .panel-container .panel-header .panel-title{ |